<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>LZXリファレンス basetabs</title>
  <othercredit role="translator">
    <firstname>Atuo</firstname>
    <surname>Seki</surname>
        <contrib>2006/05/09　翻訳初版</contrib>
 </othercredit>
<link rel="STYLESHEET" type="text/css" href="./styles.css" /></head>
<body>

<!-- ===================================================================== -->
<!-- = XML information goes here                                         = -->
<!-- ===================================================================== -->
<lzelement title="Basetabs">
    <lztier>Base Component</lztier>
    <lzcategory>View</lzcategory>
    <lzshortdesc>
        basetabpanesの為の非視覚コンテナ
    </lzshortdesc>
    <lztag>base/basetabs.xml</lztag>
</lzelement>

<p><classname>basetabs</classname>コンポーネントは
<classname>basetabpane</classname>の視覚的に制御するタブを収容します。
<classname>basetab</classname>コンポーネントに
<classname>basetabpane</classname>を追加するとき、その
<classname>basetab</classname>に対応した
<classname>basetabpane</classname>を作成します。
</p>

<p><classname>basetab</classname>は本質的に視覚的なもので無いので、
次の目に見える形での<classname>basetabpane</classname>と
<classname>basetab</classname>間の関連性の例で<classname>basetab
</classname>を使用します。
</p>

<example title="introduction to basetabs">
&lt;canvas width="150" height="75"&gt;
  &lt;include href="base"/&gt;

  &lt;class name="aquatab" extends="basetab" width="40" height="20" 
          bgcolor="aqua"&gt;
    &lt;text&gt;tab&lt;/text&gt;
  &lt;/class&gt;

  &lt;basetabs x="10" y="10" tabclass="aquatab"&gt;
    &lt;basetabpane&gt;
      &lt;text&gt;one&lt;/text&gt;
    &lt;/basetabpane&gt;
    &lt;basetabpane&gt;
      &lt;text&gt;two&lt;/text&gt;
    &lt;/basetabpane&gt;
    &lt;basetabpane&gt;
      &lt;text&gt;three&lt;/text&gt;
    &lt;/basetabpane&gt;
  &lt;/basetabs&gt;
&lt;/canvas&gt;
</example>

<p>このように、３つ<tagname>basetabpane</tagname>sを宣言したので、３つ
<classname>basetab</classname>に作成されます。
</p>

<p><tagname>basetabpane</tagname>の<em>要素</em>は<tagname>basetab
</tagname>の子供ですが、ランタイム的な視点では<classname>basetabs</classname>
は<classname>basetabsbar</classname>（<classname>basetab</classname>
コンポーネントが置かれレイアウトされた場合） と<classname>basetabscontent</classname>
（<classname>basetabpane</classname>コンポーネントが置かれレイアウトされた場合）
の直属の親です。</p>

<p>以下は<classname>basetabs</classname>と<classname>basetabsbar</classname>
（コンテナの<classname>basetab</classname>アイテム）と、
<classname>basetabscontent</classname>（コンテナの
<classname>basetabpane</classname>s）の間の関係の図です。</p>

<center>
  <img src="images/basetabs/tabs-diagram.gif" width="416" height="120" />
</center>

<p>また、異なった<classname>basetab</classname>、
<classname>basetabsbar</classname>、と（または）
<classname>basetabscontent</classname>を
使用する事によって外観を変える事ができます。</p>

<example title="modifying the basetabs look">
&lt;canvas width="150" height="75"&gt;
  &lt;include href="base"/&gt;
  
  &lt;class name="mytab" extends="basetab" width="40" height="20" bgcolor="lime"&gt;
    &lt;text&gt;mytab&lt;/text&gt;
  &lt;/class&gt;
  
  &lt;class name="mytabsbar" extends="basetabsbar" bgcolor="navy"
         layout="class: simplelayout; axis: x; spacing: 5"/&gt;
  
  &lt;class name="mytabscontent" extends="basetabscontent" bgcolor="silver"/&gt;
  
  &lt;basetabs x="10" y="10" tabclass="mytab" barclass="mytabsbar"
            contentclass="mytabscontent"&gt;
    &lt;basetabpane&gt;
      &lt;text&gt;one&lt;/text&gt;
    &lt;/basetabpane&gt;
    &lt;basetabpane&gt;
      &lt;text&gt;two&lt;/text&gt;
    &lt;/basetabpane&gt;
    &lt;basetabpane&gt;
      &lt;text&gt;three&lt;/text&gt;
    &lt;/basetabpane&gt;
  &lt;/basetabs&gt;
&lt;/canvas&gt;
</example>

<seealso>
<tags>basetab basetabsbar basetabpane basetabscontent</tags>
</seealso>

</body>
</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
* Copyright 2001-2004 Laszlo Systems, Inc.  All Rights Reserved.              *
* Use is subject to license terms.                                            *
* X_LZ_COPYRIGHT_END ****************************************************** -->
